var winwidth = $(window).width();
var movewidth = winwidth * 2.08; //大圆初始宽度
var movetop = movewidth - (movewidth * 1.146153846153846); //大圆初始顶部位置
var moveleft = movewidth - (movewidth * 1.261538461538462); //大圆初始左边位置
var redwidth = $("#red").width(); //获取红色的小O的宽度
var redheight = $("#red").height();
var redleft = $("#red").offset().left; //获取红色的小O的距离屏幕左边的位置
var redtop = $("#red").offset().top; //获取红色的小O的距离屏幕顶部的位置
var w = ((winwidth * .7) / 9); //计算每个字体的宽度
$(function() {
	anmitate();
});

function anmitate() {
	$("#long svg,#n svg,#red svg").attr("width", w); //计算每个字的宽度
	$(".disflex.flex-middle>div,#red svg").css("height", $("#red").height()); //大字外面盒子的高度

	$("#move").css({
		"width": movewidth,
		"top": movetop,
		"left": moveleft
	}); //设置动态红的大小位置
	
	$("#long").css({
		"visibility":"visible",
		"left": -winwidth
	}); //设置leedars的位置

	$("#n").css({
		"visibility":"visible",
		"left": winwidth
	}); //设置n的位置

	$("#long,#n").animate({
		"left": 0,
	}, 2000); //设置leedars/n的效果

	$("#move").animate({
		"width": redwidth,
		"height": redheight,
		"left": redleft,
		"top": redtop
		//大O的动态效果执行
	}, 2000, function() {
		$("#small .small_hei").show("clip", 500);
		//大O执行完后的小字动态效果执行
	});
}
//--------------------
